<template>
  <Dialog ref="dialog" width="700" title="下载">
    <div class="downSize">下载地址：<span>点击下载</span></div>
    <div class="remake">
      注：如直接点击链接无法下载，请右键点击上面的链接，选择链接另存为
    </div>
    <el-divider />
    <div style="display: flex; align-items: center; justify-content: flex-end">
      <el-button type="primary" plain @click="closeChange">关闭</el-button>
    </div>
  </Dialog>
</template>
<script setup>
import { ref } from 'vue';
import Dialog from '@/components/Dialog/Dialog.vue';

const dialog = ref(null);

function openDownChange() {
  dialog.value.openChange();
}
function closeChange() {
  dialog.value.closeChange();
}

defineExpose({
  openDownChange,
});
</script>
<style lang="scss" scoped>
.remake {
  background-color: #edeef0;
  color: #4e5969;
  padding: 6px;
  margin-top: 20px;
}

.downSize {
  color: #4e5969;
  font-size: 14px;

  span {
    color: #f53f3f !important;
    font-weight: 600;
  }
}
</style>
